<template>
    <div class="queryDiv" style="padding-top:10px;padding-bottom:20px;border-bottom: 1px solid #e7eaec">
        <label class="queryLabel">角色名称:</label>
        <el-input v-model="queryInfo.roleName" placeholder="请输入内容" style='width:200px'></el-input>
        <el-button class="seachBtn" @click="Refresh" type="primary">查询</el-button>
    </div>
</template>
<script>
export default {
    mounted() {
//          this.ajax({
//              url: 'SystemRole/GetNullData?dataType=2',
//              success: function(data) {
//                  this.initQuery = JSON.parse(JSON.stringify(data));
//                  this.queryInfo = data;
//              }
//          });
        },
        data() {
            return {
                queryInfo: {},
                initQuery:{}
            }
        }, 
        methods: {
            Refresh() {
                this.$emit("Refresh",this.queryInfo);
            },
            InitQuery(){
                this.queryInfo = JSON.parse(JSON.stringify(this.initQuery));
            }
        }

}
</script>
<style scoped>
.queryLabel {
    font-size: 14px;
    margin: 0 6px 0 30px;
}

.queryDiv {
    margin: 10px 0;
    padding-bottom: 10px
}

.seachBtn {
    margin-left: 15px;
    /*height: 30px;*/
    /*line-height: 30px;*/
    /*padding: 0 15px;*/
    width:120px;
}

.el-select {
    width: 180px;
}

.el-input__inner {
    height: 30px;
}
</style>
